<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Modeling</title>
<link rel="stylesheet" type="text/css" media="all" href="css/template.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/work.css" />
<link href="css/font.css" rel='stylesheet' type='text/css'/>
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<div class="header clearfix">
	<div class="center">
    	<a href="index.html"><div class="logo">
        	<img src="images/logo.png" />
        </div></a>
        <div class="menu">
        	<a href="work.html" class="now"><div>WORK</div></a>
            <a href="contractor.html"><div>CONTRACTOR</div></a>
            <a href="person.html"><div>MY SPACE</div></a>
        </div>
        <div class="search">
        	<div><img src="images/search.png" /></div>
            <input type="text" id="search" name="search" value="Search" onfocus="if(value=='Search') {value=''} setStyleOne(this.id)" onblur="if (value=='') {value='Search'} setStyleTwo(this.id)"/>
        </div>
        <div class="sign">
        	<a href="join.html"><div>JOIN</div></a>
            <a href="signin.html"><div>SIGN IN</div></a>
        </div>
    </div>
</div>
<div class="clear"></div>
<div class="main center clearfix">

	<div class="guidbox">
        <div class="searchbox">
            <div class="clear"></div>
            <div class="namebox box"><input type="text" id="name" name="name" value="Name" onfocus="if(value=='Name') {value=''} setStyleOne(this.id)" onblur="if (value=='') {value='Name'} setStyleTwo(this.id)"/></div>
            <div class="typebox box">
            	<div class="inputimg"><img src="images/client-type.png" /></div>
                <div class="inputname">TYPE</div>
                <div id="dropDownList1" class="dropDownList dropdown">
  					<select class="hide" name="birthday">
                    	<option>Please select</option>
   						<option>Key-Animetor</option>
   						<option>Character Setting</option>
   						<option>3D Modelling</option>
                    	<option>Skeleton Binding</option>
                    	<option>Lighting , Material , Special Effects Production</option>
                    	<option>Movie Making</option>
                        <option>Other</option>
  					</select>
  					<span class="">Please select</span>
            		<ul class="">
            		</ul>
        		</div>
        	</div>
            <div class="dosearch">
            	<a class="button" id="dosearch" href="">SEARCH</a>
            </div>
            <div class="advance">
            	<a href="javascript:void(0);" class="now" style="display:none;" id="open_ao" onclick="jQuery('#open_ao').hide();jQuery('#close_ao').show();jQuery('#advancebox').slideUp();">ACCURATE</a>
                <a href="javascript:void(0);" id="close_ao" onclick="jQuery('#close_ao').hide();jQuery('#open_ao').show();jQuery('#advancebox').slideDown();">ACCURATE</a>
            </div>
            <div class="clear"></div>
            <div id="advancebox" style="display:none;">
            	<div class="timebox box">
            		<div class="inputimg"><img src="images/client-time.png" /></div>
                	<div class="inputname">TIME</div>
                	<div id="dropDownList2" class="dropDownList dropdown">
                    	<select class="hide" name="birthday">
                  			<option>Please select</option>
   							<option>3 Days</option>
   							<option>5 Days</option>
   							<option>10 Days</option>
                    		<option>15 Days</option>
                    		<option>20 Days</option>
  						</select>
  						<span class="">Rencent Days</span>
            			<ul class="">
            			</ul>
        			</div>
        		</div>
                <div class="countrybox box">
    				<div class="inputimg"><img src="images/client-country.png" /></div>
            		<div class="inputname">LOCAL</div>
                	<div class="choice"><img src="images/su-agree.png" id="checkLocal"/></div>
            		<input type="text" id="local" name="local" class="hide" checked="checked"/>
    			</div>
            	<div class="budbox box">
            		<div class="inputimg"><img src="images/client-budget.png" /></div>
                	<div class="inputname">BUDGET</div>
                	<div id="dropDownList3" class="dropDownList dropdown">
                    	<select class="hide" name="birthday">
                  			<option>Please select</option>
                            <option>$0-$1000</option>
   							<option>$1000-$3000</option>
   							<option>$3000-$5000</option>
   							<option>$5000-$8000</option>
                    		<option>$8000-$10000</option>
                            <option>$10000-$15000</option>
                            <option>$10000-$25000</option>
                            <option>$25000-$40000</option>
                            <option>$40000-$60000</option>
                            <option>$60000-$100000</option>
                    		<option>$100000 More</option>
  						</select>
  						<span class="">Rencent Days</span>
            			<ul class="">
            			</ul>
        			</div>
        		</div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
    
    <div class="clear"></div>
    
    <div class="headline">
    	<div class="pname line">PROJECT NAME</div>
        <div class="country line">COUNTRY</div>
        <div class="pdate tline now">PUBLISH DATE</div>
        <div class="order">
        	<a id="dateup" href=""><div class="arrow-up"></div></a>
            <a id="datedown" href=""><div class="arrow-down now"></div></a>
        </div>
        <div class="time tline">TIME LEFT</div>
        <div class="order">
        	<a id="timeup" href=""><div class="arrow-up"></div></a>
            <a id="timedown" href=""><div class="arrow-down"></div></a>
        </div>
        <div class="bud tline">BUDGET</div>
        <div class="order">
        	<a id="budup" href=""><div class="arrow-up"></div></a>
            <a id="budeup" href=""><div class="arrow-down"></div></a>
        </div>
        <div class="com tline">COMPETOR</div>
        <div class="order com">
        	<a id="comup" href=""><div class="arrow-up"></div></a>
            <a id="comdown" href=""><div class="arrow-down"></div></a>
        </div>
    </div>
    
    <div class="clear"></div>
    
    <table class="list">
    	<tr class="oneproject">
    		<td class="opname"><a href="work-single.html">A movie charactor</a></td>
            <td class="opsta"><img src="images/st-bidding.png" /></td>
        	<td class="opcountry">CHINA</td>
        	<td class="opdate">2013-05-18</td>
            <td class="optime">28h</td>
            <td class="opbud">3500RMB</td>
            <td class="opcom">28</td>
        </tr>
        <tr class="oneproject">
    		<td class="opname">One suit of game sences</td>
            <td class="opsta"><img src="images/st-complete.png" /></td>
        	<td class="opcountry">CHINA</td>
        	<td class="opdate">2013-05-18</td>
            <td class="optime">28h</td>
            <td class="opbud">3500RMB</td>
            <td class="opcom">28</td>
        </tr>
        <tr class="oneproject">
    		<td class="opname">A movie charactor</td>
            <td class="opsta"><img src="images/st-working.png" /></td>
        	<td class="opcountry">CHINA</td>
        	<td class="opdate">2013-05-18</td>
            <td class="optime">28h</td>
            <td class="opbud">3500RMB</td>
            <td class="opcom">28</td>
        </tr>
        <tr class="oneproject">
    		<td class="opname">A movie charactor</td>
            <td class="opsta"><img src="images/st-working.png" /></td>
        	<td class="opcountry">CHINA</td>
        	<td class="opdate">2013-05-18</td>
            <td class="optime">28h</td>
            <td class="opbud">3500RMB</td>
            <td class="opcom">28</td>
        </tr>
        <tr class="oneproject">
    		<td class="opname">A movie charactor</td>
            <td class="opsta"><img src="images/st-working.png" /></td>
        	<td class="opcountry">CHINA</td>
        	<td class="opdate">2013-05-18</td>
            <td class="optime">28h</td>
            <td class="opbud">3500RMB</td>
            <td class="opcom">28</td>
        </tr>
        <tr class="oneproject">
    		<td class="opname">A movie charactor</td>
            <td class="opsta"><img src="images/st-working.png" /></td>
        	<td class="opcountry">CHINA</td>
        	<td class="opdate">2013-05-18</td>
            <td class="optime">28h</td>
            <td class="opbud">3500RMB</td>
            <td class="opcom">28</td>
        </tr>
        <tr class="status">
        	<td><div>COMPLETED</div><img src="images/st-complete.png" /></td>
            <td><div>WORKING</div><img src="images/st-working.png" /></td>
            <td><div>BIDDING</div><img src="images/st-bidding.png" /></td>           
            <td class="sta-tittle">PROJECT STATUS</td>
        </tr>
        <tr>
        	<td class="page"><a href="">NEXT</a><a href="">PREV</a></td>
        </tr>
    </table>
    
</div>
<div class="footer">

</div>
<script type="text/javascript" src="js/downlist.js"></script>
<script type="text/javascript" src="js/input.js"></script>
<script type="text/javascript" src="js/signup.js"></script>
</body>
</html>
